//配送地址下拉列表
$(".select").mouseover(function() {
	$(".space").removeClass("hide");
	$(this).children(".show_select").removeClass("hide");
});
$(".select").mouseout(function() {
	$(".space").addClass("hide");
	$(this).children(".show_select").addClass("hide");
});
//获取省市县
var URL = "http://115.28.60.84:8080/Test";
$(document).ready(function() {
	load(1, "sheng");
	$("#shiTab").hide();
	$("#xianTab").hide();
})

function loadShi(id) {
	$("#sheng").hide();
	$("#shengTab").removeClass("active");
	$("#shiTab").addClass("active");
	$("#shi").addClass("show");
	load(id, "shi");
}

function loadXian(id) {
	$("#shi").hide();
	$("#shiTab").removeClass("active");
	$("#xianTab").addClass("active");
	$("#xian").addClass("show");
	load(id, "xian");
}

function load(id, obj) {
	$.ajax({
		type: "GET",
		url: URL + "/AreaServlet.do?id=" + id + "&jsoncallback=?",
		dataType: "jsonp",
		success: function(data) {
			var len = data.length;
			var html = "";
			for (var i = 0; i < len; i++) {
				html += "<li value='" + data[i].areaId + "'><a href='javascript:void(0)' onclick='chage(this)'>" + data[i].areaName + "</a></li>";
			}
			$("#" + obj).children("ul").html(html);
			$("#" + obj).children("ul").attr("id", data[0].areaType);
		}
	});
}
$("#shiTab").click(function() {
	$("#xianTab").hide();
	$("#xian").hide();
	$("#shiTab").addClass("active");
	$("#shi").show();
	$("#xianTab").find("em").html("请选择");
})
$("#shengTab").click(function() {
	$("#shiTab").hide();
	$("#shi").hide();
	$("#xianTab").hide();
	$("#xian").hide();
	$("#shengTab").addClass("active");
	$("#sheng").show();
	$("#shiTab").find("em").html("请选择");
})
var selectAddress = "";

function chage(obj) {
	var id = $(obj).parent().val();
	var name = $(obj).html();
	var areaType = $(obj).parent().parent().attr("id");

	if (areaType == "1") {
		$("#shengTab").find("em").html(name);
		$("#shiTab").find("em").html("请选择");
		selectAddress = name;
		loadShi(id);
		$("#shiTab").show();
		$("#shi").show();
	} else if (areaType == "2") {
		$("#shiTab").find("em").html(name);
		$("#xianTab").find("em").html("请选择");
		selectAddress += name;
		loadXian(id);
		$("#xianTab").show();
		$("#xian").show();
	} else if (areaType == "3") {
        selectAddress += name;
		$("#xianTab").find("em").html(name);
	}
	$("#selectAddress").html(selectAddress);
	

}